/* Message 样式文件 */
/*背景层，全部样式表统一*/
#wdmessage-mask { width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; background: #000; opacity: 0.6; filter:alpha(opacity=60); z-index: 9999;}

/*输入提示，全部样式统一*/
#wd-input-table { width: 100%; height: 40px; line-height: 40px; margin-bottom:10px;}
#wd-input-val { width: 95%; height: 40px; border: 1px solid #d9dadc; border-radius: 2px; padding: 0px 2%; appearance: normal; -webkit-appearance: normal;}

/*白色主题----移动端面*/
.white-mobi-main { width: 76%; height: 150px; padding: 15px 2%; background: #fff; color: #666; border: 1px solid #d9dadc; border-radius: 2px; position: fixed; left: 10%; top: 50%; margin-top:-90px;  z-index: 10000; font-family: '微软雅黑';}
.white-mobi-infor { width: 100%; height: 100px; line-height: 25px; font-size: 16px; color: #666; word-break: break-all;  overflow: hidden; margin-bottom:10px;}
.white-mobi-btn { width: 100%; height: 40px; line-height: 40px;}
.white-mobi-btn span { display: inline-block; vertical-align: middle; margin-left: 10px; line-height: 40px; float: right; padding: 0px 15px; border-radius: 2px; cursor: pointer;}
.white-mobi-btn span#btnOk { background:#0db905; color: #fff; }
.white-mobi-btn span#btnCancle { background: #ebebeb; color: #666; }
.white-mobi-btn span.touch { background: #d9dadc;}

/*灰色主题----移动端面*/
.gray-mobi-main { width: 76%; height: 150px; padding: 15px 2%; background: #fff; color: #666; border: 1px solid #999; border-radius: 2px; position: fixed; left: 10%; top: 50%; margin-top:-90px;  z-index: 1000; font-family: '微软雅黑';}
.gray-mobi-infor { width: 100%; height: 100px; line-height: 25px; font-size: 16px; color: #fff; word-break: break-all;  overflow: hidden; margin-bottom:10px;}
.gray-mobi-btn { width: 100%; height: 40px; line-height: 40px;}
.gray-mobi-btn span { display: inline-block; vertical-align: middle; margin-left: 10px; line-height: 40px; float: right; padding: 0px 15px; border-radius: 2px; color: #fff; background: #ccc; cursor: pointer;}
.gray-mobi-btn span.touch { background: #d9dadc;}

/*灰色主题----移动端面*/
.blue-mobi-main { width: 76%; height: 150px; padding: 15px 2%; background: #fff; color: #666; border: 1px solid #3379ee; border-radius: 2px; position: fixed; left: 10%; top: 50%; margin-top:-90px;  z-index: 1000; font-family: '微软雅黑';}
.blue-mobi-infor { width: 100%; height: 100px; line-height: 25px; font-size: 16px; color: #666; word-break: break-all;  overflow: hidden; margin-bottom:10px;}
.blue-mobi-btn { width: 100%; height: 40px; line-height: 40px;}
.blue-mobi-btn span { display: inline-block; vertical-align: middle; margin-left: 10px; line-height: 40px; float: right; padding: 0px 15px; border-radius: 2px; color: #fff; background: #3379ee; cursor: pointer;}
.blue-mobi-btn span.touch { background: #d9dadc;}

/*绿主题----移动端面*/
.green-mobi-main { width: 76%; height: 150px; padding: 15px 2%; background: #fff; color: #666; border: 1px solid #0db905; border-radius: 2px; position: fixed; left: 10%; top: 50%; margin-top:-90px;  z-index: 1000; font-family: '微软雅黑';}
.green-mobi-infor { width: 100%; height: 100px; line-height: 25px; font-size: 16px; color: #666; word-break: break-all;  overflow: hidden; margin-bottom:10px;}
.green-mobi-btn { width: 100%; height: 40px; line-height: 40px;}
.green-mobi-btn span { display: inline-block; vertical-align: middle; margin-left: 10px; line-height: 40px; float: right; padding: 0px 15px; border-radius: 2px; color: #fff; background: #0db905; cursor: pointer;}
.green-mobi-btn span.touch { background: #d9dadc;}


/*电脑端*/
/*白色主题*/
.white-pc-main { width: 300px; height: 150px; padding: 15px 10px;; background: #fff; color: #666; border: 1px solid #d9dadc; border-radius: 2px; position: fixed; left: 50%; margin-left: -160px; top: 50%; margin-top:-90px;  z-index: 1000; font-family: '微软雅黑';}
.white-pc-infor { width: 100%; height: 100px; line-height: 25px; font-size: 16px; color: #666; word-break: break-all;  overflow: hidden; margin-bottom:10px;}
.white-pc-btn { width: 100%; height: 40px; line-height: 40px;}
.white-pc-btn span { display: inline-block; vertical-align: middle; margin-left: 10px; line-height: 40px; float: right; padding: 0px 15px; border-radius: 2px; cursor: pointer;}
.white-pc-btn span#btnOk { background:#3379ee; color: #fff; }
.white-pc-btn span#btnCancel { background:#ebebeb; color: #666; }
.white-pc-btn span.touch { background: #d9dadc;}

/*灰色主题*/
.gray-pc-main { width: 300px; height: 150px; padding: 15px 10px; background: #fff; color: #666; border: 1px solid #999; border-radius: 2px; position: fixed;  left: 50%; margin-left: -160px;  top: 50%; margin-top:-90px;  z-index: 1000; font-family: '微软雅黑';}
.gray-pc-infor { width: 100%; height: 100px; line-height: 25px; font-size: 16px; color: #666; word-break: break-all;  overflow: hidden; margin-bottom:10px;}
.gray-pc-btn { width: 100%; height: 40px; line-height: 40px;}
.gray-pc-btn span { display: inline-block; vertical-align: middle; margin-left: 10px; line-height: 40px; float: right; padding: 0px 15px; border-radius: 2px; color: #fff; background: #ccc; cursor: pointer;}
.gray-pc-btn span.touch { background: #d9dadc;}

/*蓝色色主题*/
.blue-pc-main { width: 300px; height: 150px; padding: 15px 10px; background: #fff; color: #666; border: 1px solid #3379ee; border-radius: 2px; position: fixed;  left: 50%; margin-left: -160px; top: 50%; margin-top:-90px;  z-index: 1000; font-family: '微软雅黑';}
.blue-pc-infor { width: 100%; height: 100px; line-height: 25px; font-size: 16px; color: #666; word-break: break-all;  overflow: hidden; margin-bottom:10px;}
.blue-pc-btn { width: 100%; height: 40px; line-height: 40px;}
.blue-pc-btn span { display: inline-block; vertical-align: middle; margin-left: 10px; line-height: 40px; float: right; padding: 0px 15px; border-radius: 2px; color: #fff; background: #3379ee; cursor: pointer;}
.blue-pc-btn span.touch { background: #d9dadc;}

/*绿主题*/
.green-pc-main { width: 300px; height: 150px; padding: 15px 10px; background: #fff; color: #666; border: 1px solid #0db905; border-radius: 2px; position: fixed;  left: 50%; margin-left: -160px;  top: 50%; margin-top:-90px;  z-index: 1000; font-family: '微软雅黑';}
.green-pc-infor { width: 100%; height: 100px; line-height: 25px; font-size: 16px; color: #666; word-break: break-all;  overflow: hidden; margin-bottom:10px;}
.green-pc-btn { width: 100%; height: 40px; line-height: 40px;}
.green-pc-btn span { display: inline-block; vertical-align: middle; margin-left: 10px; line-height: 40px; float: right; padding: 0px 15px; border-radius: 2px; color: #fff; background: #0db905; cursor: pointer;}
.green-pc-btn span.touch { background: #d9dadc;}

#wd-load-mask { width: 100%; height: 100%; background: #fff; opacity: 0.6; filter:alpha(opacity=60); position: fixed; left: 0px; top: 0px; z-index: 10000001}
#wd-load-move { width: 50px; height: 50px; line-height: 50px; font-size: 35px; color: #fff; position: fixed; left: 50%; margin-left: -25px; top: 50%; margin-top:-25px; text-align: center; animation: load 2.5s infinite; -webkit-animation: load 2.5s infinite; }
#wd-load-move .iconfont { color: #fff; }

@keyframes load {
	from {  transform:  rotate(0deg); }
	to	{  transform:  rotate(361deg); }
} 
@-webkit-keyframes load {
	from{  transform:  rotate(0deg); }
	to	{  transform:  rotate(361deg); }
} 


/*PC端*/
#wd-dialog-mask-pc { position: fixed; left: 0; top: 0; right: 0; bottom: 0; background:#000; opacity: 0.4; z-index: 9999; }
#wd-dialog-container-pc { position: fixed; top: 50%; margin-top:-100px; left: 50%; margin-left: -175px; width: 350px; height: 200px; border-radius: 5px; background:#fff; z-index: 10000; overflow: hidden; }
#wd-dialog-container-pc > .title { width: 300px; height: 30px; font-size: 16px; font-weight: bold; line-height: 30px; text-align: center; color: #666; padding: 15px 25px 15px 25px; }
#wd-dialog-container-pc > .content { width: 300px; height: 75px; font-size: 15px; color: #999; text-align: center; line-height: 25px; margin: 5px 25px; margin-bottom:20px; overflow: hidden; }
/*输入内容*/
#wd-dialog-container-pc > .content > .message { width: 100%; height: 30px; line-height: 30px; margin-bottom:10px; overflow: hidden;  }
#wd-dialog-container-pc > .content > .input { width: 80%; height: 33px; border: 1px solid #ddd; padding: 0 2%; margin: 0 8%; outline: none; }
#wd-dialog-container-pc > .content > .input:focus { border-color: #bbb; }
/*一个按键*/
#wd-dialog-container-pc > ul.btn-1 { width: 100%; height: 40px; position: relative; list-style: none; padding: 0; margin: 0; }
#wd-dialog-container-pc > ul.btn-1:after { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 1px; background:#ebebeb;  }
#wd-dialog-container-pc > ul.btn-1 > li { width: 100%; height: 40px; line-height: 40px; font-size: 16px; text-align: center; cursor: pointer; -webkit-transition: background 0.3s; transition: background 0.3s; }
#wd-dialog-container-pc > ul.btn-1 > li.defined { color: #44b549; }
#wd-dialog-container-pc > ul.btn-1 > li:hover { background:#008894; color: #fff; }
/*二个按键*/
#wd-dialog-container-pc > ul.btn-2 { width: 100%; height: 40px; position: relative; list-style: none; padding: 0; margin: 0; }
#wd-dialog-container-pc > ul.btn-2:after { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 1px; background:#ebebeb; clear: both;  }
#wd-dialog-container-pc > ul.btn-2 > li { width: 50%; height: 40px; line-height: 40px; font-size: 16px; text-align: center; cursor: pointer; -webkit-transition: background 0.3s; transition: background 0.3s; position: relative; float: left;  }
#wd-dialog-container-pc > ul.btn-2 > li:after { content: ''; display: block; position: absolute;  right: -1; top: 0; width: 1px; height: 100%; background:#ebebeb; }
#wd-dialog-container-pc > ul.btn-2 > li.defined { color: #44b549; }
#wd-dialog-container-pc > ul.btn-2 > li.defined:hover { background:#44b549; color: #fff; }
#wd-dialog-container-pc > ul.btn-2 > li.cancel:hover { background:#eee; color: #666; }

/*移动端*/
#wd-dialog-mask-mobi { position: fixed; left: 0; top: 0; right: 0; bottom: 0; background:#000; opacity: 0.4; z-index: 9999; }
#wd-dialog-container-mobi { position: fixed; top: 50%; margin-top:-100px; left: 50%; margin-left: -43%; width: 86%; height: 200px; border-radius: 5px; background:#fff; z-index: 10000; overflow: hidden; }
#wd-dialog-container-mobi > .title { width: 94%; height: 30px; font-size: 16px; font-weight: bold; line-height: 30px; text-align: center; color: #666; padding: 15px 3%; }
#wd-dialog-container-mobi > .content { width: 94%; height: 75px; font-size: 15px; color: #999; text-align: center; line-height: 25px; margin: 5px 3%; margin-bottom:20px; overflow: hidden; }
/*输入内容*/
#wd-dialog-container-mobi > .content > .message { width: 100%; height: 30px; line-height: 30px; margin-bottom:10px; overflow: hidden;  }
#wd-dialog-container-mobi > .content > .input { width: 80%; height: 33px; border: 1px solid #ddd; padding: 0 2%; margin: 0 8%; outline: none; -webkit-appearance: none; }
#wd-dialog-container-mobi > .content > .input:focus { border-color: #bbb; }
/*一个按键*/
#wd-dialog-container-mobi > ul { width: 100%; height: 40px; position: relative; list-style: none; padding: 0; margin: 0; display: flex; }
#wd-dialog-container-mobi > ul:after { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 1px; background:#ebebeb;  }
#wd-dialog-container-mobi > ul > li { flex: 1; height: 40px; line-height: 40px; font-size: 16px; text-align: center; cursor: pointer; -webkit-transition: background 0.3s; transition: background 0.3s; position: relative;  }
#wd-dialog-container-mobi > ul > li:after { content: ''; display: block; position: absolute;  top: 0; right: -1px; width: 1px; height: 100%; background:#ebebeb; }
#wd-dialog-container-mobi > ul > li.defined { color: #44b549; }
#wd-dialog-container-mobi > ul> li.defined:hover { background:#44b549; color: #fff; }
#wd-dialog-container-mobi > ul > li.cancel:hover { background:#ccc; color: #666; }